/* Der schwebende Button (FAB) angepasst an franz-vach.kirkanos.net */
#newsletter-fab {
    position: fixed;
    bottom: 30px;
    right: 30px;
    width: auto; 
    min-width: 170px; 
    height: 65px; /* Etwas mehr Höhe für Sicherheit */
    padding: 0 15px; 
    
    background-color: #3c4858; 
    color: #ffffff; 
    border-radius: 35px; 
    
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    box-shadow: 0 4px 12px rgba(0,0,0,0.3);
    z-index: 999;
    
    animation: rinder-bounce 5s infinite ease-in-out;
    transition: all 0.3s ease;
    border: none;
    overflow: visible; /* Wichtig, damit nichts abgeschnitten wird */
}

.cow-icon-with-text {
    width: 100%;
    height: 100%;
    display: block;
    overflow: visible; /* Verhindert das Abschneiden der Grafik-Pfade */
}

/* Hover-Effekt: Etwas heller, wie bei deinen anderen Hover-Links */
#newsletter-fab:hover {
    transform: scale(1.1);
    background-color: #4e5d71; 
    animation-play-state: paused;
}

/* Das Overlay (Hintergrund-Abdunkelung) */
#newsletter-overlay {
    display: none;
    position: fixed;
    top: 0; left: 0;
    width: 100%; height: 100%;
    background: rgba(60, 72, 88, 0.85); /* Dein Anthrazit mit Transparenz */
    z-index: 10000;
    align-items: center;
    justify-content: center;
}

/* Der weiße Kasten im Pop-up */
.newsletter-content {
    background: #ffffff;
    padding: 40px 25px 25px 25px;
    border-radius: 8px; /* Passend zu deinen Formular-Ecken */
    max-width: 540px;
    width: 90%;
    position: relative;
    box-shadow: 0 10px 30px rgba(0,0,0,0.5);
}

/* Der Schließen-Button */
.close-btn {
    position: absolute;
    top: 10px;
    right: 20px;
    font-size: 35px;
    color: #3c4858;
    cursor: pointer;
    z-index: 10001;
    line-height: 1;
}

/* Die Hüpf-Animation */
@keyframes rinder-bounce {
    0%, 20%, 50%, 80%, 100% { transform: translateY(0); }
    40% { transform: translateY(-12px); }
    60% { transform: translateY(-6px); }
}

#sib-container input:-ms-input-placeholder {
  text-align: left;
  font-family: Helvetica, sans-serif;
  color: #c0ccda;
}

#sib-container input::placeholder {
  text-align: left;
  font-family: Helvetica, sans-serif;
  color: #c0ccda;
}

#sib-container textarea::placeholder {
  text-align: left;
  font-family: Helvetica, sans-serif;
  color: #c0ccda;
}

#sib-container a {
  text-decoration: underline;
  color: #2BB2FC;
}